<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>   
    <base href="<%=basePath%>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<%@ include file="/common/importJsCss.jsp" %>
	<style type="text/css">
	.popover-test-close{
		float:right;
		color:red;
	}
	</style>
 	<script type="text/javascript" id="preJavascript">
$(function(){ 
/*
	$('#myTab a').click(function (e) {
  		e.preventDefault();
  		$(this).tab('show');
	})
*/
 
	//$('#myTab a:last').tab('show');

	$('.tab-content a').click(function (e) {
  		e.preventDefault();
  		$(this).tab('show');
		$('.nav-tabs > .active').removeClass('active');  	
  		
  		
	})
	
 	
});	
	</script>
  </head>  
  <body>
    <div class="container">
        <div class="page-header">
            <h2>tab示例</h2>
        </div>
<pre class="prettyprint linenums"></pre>
<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>
 
<div class="tab-content">
  <div class="tab-pane active" id="home">this is home<a href="#profile">profile</a></div>
  <div class="tab-pane" id="profile">this is profile<a href="#home">home</a></div>
  <div class="tab-pane" id="messages">this is messages<a href="#settings">settings</a></div>
  <div class="tab-pane" id="settings">this is settings<a href="#messages">messages</a></div>
</div>
    </div> 
  </body>
</html>
